<template>
	<div class="lowerLevel-member">
		<HeaderTop :title="`取款记录详情`"></HeaderTop>
		<div class="lowerLevel-member-content">
			<div class="lowerLevel-member-content-list">
				<div class="left">订单号</div>
				<div class="right">{{orderId}}</div>
			</div>
			<div class="lowerLevel-member-content-list">
				<div class="left">取款信息</div>
				<div class="right">{{bankInfo}}</div>
			</div>
			<div class="lowerLevel-member-content-list">
				<div class="left">取款金额</div>
				<div class="right">{{cash}}</div>
			</div>
			<div class="lowerLevel-member-content-list">
				<div class="left">状态</div>
				<div class="right">{{status}}</div>
			</div>
			<div class="lowerLevel-member-content-list">
				<div class="left">信息提示</div>
				<div class="right">{{failInfo}}</div>
			</div>
			<div class="lowerLevel-member-content-list">
				<div class="left">订单时间 </div>
				<div class="right">{{addTime}}</div>
			</div>
		</div>
	</div>
</template>

<script>
import HeaderTop from '../../components/top/top';
export default {
	name: 'withdrawDetail',
	components: {
		HeaderTop
	},
	data() {
		return {
			orderId:'',
			bankInfo:'',
			cash:'',
			status:'',
			failInfo:'',
			addTime:'',
		}
	},
	beforeRouteLeave (to, from, next) {    // 销毁组件，避免通过vue-router再次进入时，仍是上次的history缓存的状态
		sessionStorage.removeItem('orderId')
		sessionStorage.removeItem('bankInfo')
		sessionStorage.removeItem('cash')
		sessionStorage.removeItem('status')
		sessionStorage.removeItem('failInfo')
		sessionStorage.removeItem('addTime')
		this.$destroy(true)
		next()
	},
	mounted() {
		this.orderId = sessionStorage.getItem('orderId')
		this.bankInfo = sessionStorage.getItem('bankInfo')
		this.cash = sessionStorage.getItem('cash')
		this.status = sessionStorage.getItem('status')
		this.addTime = sessionStorage.getItem('addTime')
        this.failInfo = sessionStorage.getItem('failInfo')
		if(sessionStorage.getItem('failInfo') === 'null'){
			this.failInfo = ''
		}else{
            this.failInfo = sessionStorage.getItem('failInfo')
        }
	},
	methods: {
	
	}
}
</script>

<style lang="scss" scoped>
.lowerLevel-member {
	.lowerLevel-member-content {
		padding: 0 .2rem;
		.lowerLevel-member-content-list {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 .1rem;
			height: 1rem;
			border-bottom: rgb(238,238,238) 1px solid;
			.left {
				color: rgb(46,46,46);
			}
			.right {
				width: 70%;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				color: rgb(107,107,107);
				text-align: right;
			}
		}
	}
}

</style>
